<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>华富</title>
    <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/citySelect.css"/>
    <link rel="stylesheet" type="text/css" href="../../css/style.css"/>
</head>
<style>
    html,body {
      font-size: 1.2rem;
      background: #ffffff;
      color: #333333 !important
    }
    [v-cloak] {
        display: none;
    }
    .classify_fliter{
      position: relative;
    }
    .classify_fliter_bg{
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background:#333;
      opacity: 0.5;
      z-index: 5;
    }
    .classify_fliter_con{
      padding-left:4rem;
      position: relative;
      z-index: 10;
    }
    .dropDown{
      background:#fff;
    }
    .dropProv{
      width:10rem;
      float:left;
    }

</style>
<body>
<div id="app">
  <div class="classify_fliter">
    <div class="classify_fliter_bg"></div>
    <div class="classify_fliter_con">
      <div class="dropDown clearfix">
          <div class="dropProv">
              <ul class="dropProvUl dropUl">
                <li>北京</li>
              </ul>
          </div>
          <div class="dropCity">
              <ul class="dropCityUl dropUl"></ul>
          </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/zepto.js"></script>
<script type="text/javascript" src="../../script/vue.min.js"></script>
<script type="text/javascript" src="../../script/utils.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-scroll.js"></script>
<script type="text/javascript" src="../../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js"></script>
<script type="text/javascript" src="../../script/swiper.min.js"></script>
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript" src="../../script/citySelect.js"></script>


<script type="text/javascript">
function doSearch(){
    var searchValue = document.getElementById("search-input").value;
    if(searchValue){
        api.toast({
            msg: searchValue,
            duration: 2000,
            location: 'bottom'
        });

    }
}
  apiready = function(){
    //setRefresh()
    var app = new Vue({
        el: '#app',
        data: {


        },
        created: function() {
          api.showProgress({
              title: '努力加载中...',
              text: '先喝杯茶...',
              modal: false
          });

        },
        methods: {

        },
        mounted: function () {
          api.hideProgress();
        }
      })
  }

  //刷新
  function setRefresh(){
      var pullRefresh = new auiPullToRefresh({
          container: document.querySelector('.aui-refresh-content'),
          triggerDistance: 100
      }, function(ret) {

          if (ret.status == "success") {
              setTimeout(function() {
                  pullRefresh.cancelLoading(); //刷新成功后调用此方法隐藏
              }, 1500)
          }
      })
  }

  function getCity(){
    arr1=["北京","天津","上海","重庆","河北","山西","内蒙古","辽宁","吉林","黑龙江","江苏","浙江","安徽","福建","江西","山东","河南","湖北","湖南","广东","广西","海南","四川","贵州","云南","西藏","陕西","甘肃","青海","宁夏","新疆","香港","澳门","台湾"];
    arr2=["北京","天津","上海","重庆","河北","山西","内蒙古","辽宁","吉林","黑龙江","江苏","浙江","安徽","福建","江西","山东","河南","湖北","湖南","广东","广西","海南","四川","贵州","云南","西藏","陕西","甘肃","青海","宁夏","新疆","香港","澳门","台湾"];
  }
</script>
